mdl-layout {
    mdl-layout-header {
        //background: #2C8CF0 url("../../../../assets/images/lawcase/login-logo.png") no-repeat 15px center;
        background-size: 150px;
    }
    mdl-layout-content {
        background: #2C8CF0 url("../../../../assets/images/lawcase/bg.png") no-repeat 20% 35%;
        background-size: 30% 75%;
        .title-img {
            width: 300px;
            height: 45px;
            background: url("../../../../assets/images/lawcase/title.png") no-repeat 0 0;
            background-size: 300px;
            position: absolute;
            left: calc(60% + 5px);
            top: 14%;
        }
        mdl-card {
            width: 320px;
            margin-left: 60%;
            margin-top: 10%;
            mdl-card-title {
                width: 90%;
                margin: auto;
                border-bottom: 1px solid #E0E0E0;
                div {
                    margin: auto;
                    font-family: '黑体';
                    font-weight: 600;
                    color: #333333;
                }
            }
            mdl-card-supporting-text {
                width: 100%;
                .status-info {
                    position: absolute;
                    margin-top: 10px;
                    margin-left: 35px;
                }
            }
            mdl-card-actions {
                text-align: center;
                border-top: none;
                button {
                    width: 90%;
                    color: white;
                    margin-bottom: 15px;
                }
            }
            .ui-inputgroup-addon {
                background-color: white;
                border-right: none;
            }
            .ui-inputgroup {
                i {
                    color: #C4C4C4;
                    margin-top: 2px;
                    font-size: 20px;
                }
                input {
                    height: 38px;
                    border: 1px solid #C4C4C4;
                    border-left: none;
                }
            }
            .forget-password {
                text-align: right;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
        .footer {
            text-align: center;
            font-family: "Segoe UI", Segoe, Tahoma, Arial, Verdana, sans-serif;
            font-style: normal !important;
            color: whitesmoke;
            width: 100%;
            position: absolute;
            height: 20px;
            bottom: 10px;
        }
    }
}
